@use './variables.scss';

@each $themeName,
$theme in $themes {
  .#{''+$themeName} {
    color: map-get($theme, xlight);
    background-color: map-get($theme, base);

  }

  .#{''+$themeName}-drag--header {
    background-color: map-get($theme, deactive);
    color:map-get($theme, light )
  }
  .#{''+$themeName}-drag--header-active {
    background-color: map-get($theme, dark);
    color:map-get($theme, xlight )
  }

  .#{''+$themeName}-drag--main {
    background-color: map-get($theme, base);
  }

  .#{''+$themeName}-drag--footer {
    background-color: map-get($theme, base);
  }
}